<template>
    <a-tabs v-model:activeKey="activeKey">
      <a-tab-pane key="1">
        <template #tab>
        <div style="width: 250px;text-align: center;">
          账号登录
        </div>
        </template>
        <denglu></denglu>
      </a-tab-pane>
      <a-tab-pane key="2">
        <template #tab>
          <div style="width: 250px;text-align: center;">
              手机登录
          </div>
        </template>
        <zhuce></zhuce>
      </a-tab-pane>
    </a-tabs>
  </template>
  <script lang="ts">
  // import { AppleOutlined, AndroidOutlined } from '@ant-design/icons-vue';
  import { defineComponent, ref } from 'vue';
  import denglu from './denglu.vue'
  import zhuce from './zhuce.vue'
  export default defineComponent({
    components: {

      denglu,
      zhuce
    },
    setup() {
      return {
        activeKey: ref('1'),
      };
    },
  });
  </script>
 <style lang="less" scoped>
</style>
  
  